<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-cn">
<head>


	<!-- Bootstrap -->
	<include file="Include/css" />
	<title>商品管理主页</title>
	<link href="__STATICS__/css/bootstrap-editable.css" rel="stylesheet">
	<link href=__STATICS__/css/index.css" rel="stylesheet">

</head>
<body>
<include file="Include/nav_top" />
<div class="container clearfix" id="left_menu_wraper" >
	<include  file="Include/menu_left" />
		<div id="right-content">
			<div id="right-content-inner">
				<ul class="breadcrumb">
					<span>您的位置：</span>
					<li><a href="index2.html">首页</a> </li>
					<li class="">商品管理</li>
					<li class="active">商品管理主页</li>
				</ul>


				<div class="alert alert-danger  alert-dismissible" role="alert">

					<!--关闭按钮-->
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<!--内容-->
					<strong>温馨提示：</strong> 您的店铺已经300天没有交易了，请及时处理交易情况！
				</div>


				<p>
					<button class="btn btn-orange">
						添加新商品
					</button>
				</p>





				<div role="tabpanel">

					<!-- Nav tabs -->
					<ul class="nav nav-tabs clearfix" role="tablist">
						<li role="presentation" class="active">
							<a href="#top_tab1" aria-controls="bottom_tab1" role="tab" data-toggle="tab">
								出售中的商品
							</a>
						</li>
						<li role="presentation" class="">
							<a href="#top_tab2" aria-controls="bottom_tab1" role="tab" data-toggle="tab">
								已下架的商品
							</a>
						</li>

						<!--<div class="tabs_button_wraper">
							<button class="btn btn-danger">
								全部下架
							</button>

						</div>-->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="top_tab1">


							<div class="row clearfix margin10 form-horizontal">
								<span class="pull-left ml10 form_bar">商品类别：</span>
								<div class="col-md-2">
									<select name="goods_cat" class="pull-left ml10 form-control" >
										<option value="1">1</option>
										<option value="2">2</option>
									</select>
								</div>
								<span class="pull-left ml30 form_bar">宝贝名称：</span>
								<div class="col-md-2">
									<input type="text" class="pull-left ml10 form-control"/>
								</div>

								<button class="pull-left btn btn-default ml20">
									搜索
								</button>


							</div>



							<table class="table ">
								<!--<caption>标题</caption>-->
								<thead class="table_head">
								<tr >
									<th>
										<div class="checkbox">
											<label >
												<input type="checkbox"> 全选
											</label>
										</div>
									</th>
									<th>商品名称</th>
									<th>售价(元)</th>
									<th>利润(元)</th>
									<th>库存(件)</th>
									<th>销量(件)</th>
									<th>操作</th>
								</tr>
								</thead>
								<tbody>
								<tr>
									<td>
										<input type="checkbox"/>
									</td>
									<td class="text-align-left">
											<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt=""/>
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

									</td>
									<td>
										<a href="javascript:void(0);" class="text-orange edit_price" title="编辑价格" >
											5.20
										</a>
									</td>
									<td>100</td>
									<td>120</td>
									<td>120</td>

									<td>
										<a href="javascript:void(0)" class="">编辑</a>
										/
										<a href="javascript:void(0)" class="store_look">查看</a>
									</td>
								</tr>
								<tr class="bg-pop">
									<td>
										<input type="checkbox"/>
									</td>
									<td class="text-align-left">
										<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt=""/>
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

									</td>
									<td>
										<a href="javascript:void(0);" class="text-orange edit_price" title="编辑价格" >
											5.20
										</a>
									</td>
									<td>100</td>
									<td>120</td>
									<td>120</td>

									<td>
										<a href="javascript:void(0)" class="">编辑</a>
										/
										<a href="javascript:void(0)" class="store_look">查看</a>
									</td>
								</tr>
								<tr >
									<td>
										<input type="checkbox"/>
									</td>
									<td class="text-align-left table_long_width">
										<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt=""/>
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼
												旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼
												旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼
												旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

									</td>
									<td>
										<a href="javascript:void(0);" class="text-orange edit_price" title="编辑价格" >
											5.20
										</a>
									</td>
									<td>100</td>
									<td>120</td>
									<td>120</td>

									<td>
										<a href="javascript:void(0)" class="">编辑</a>
										/
										<a href="javascript:void(0)" class="store_look">查看</a>
									</td>
								</tr>
								<tr class="bg-pop">
									<td>
										<input type="checkbox"/>
									</td>
									<td class="text-align-left table_long_width">
										<img src="images/goods.png" width="60" height="60" class="table_goods_img" alt=""/>
											<span class="table_goods_text">
												旺旺雪饼旺旺雪饼旺旺雪饼
											</span>

									</td>
									<td>
										<a href="javascript:void(0);" class="text-orange edit_price" title="编辑价格" >
											5.20
										</a>
									</td>
									<td>100</td>
									<td>120</td>
									<td>120</td>

									<td>
										<a href="javascript:void(0)" class="">编辑</a>
										/
										<a href="javascript:void(0)" class="store_look">查看</a>
									</td>
								</tr>



								</tbody>
							</table>

							<div class="row clearfix">
								<div class="col-md-6">
									<div class="clearfix mt20">
										<div class="checkbox pull-left">
											<label >
												<input type="checkbox"> 全选
											</label>
										</div>
										<button class="btn btn-default short_btn ml20">
											删除
										</button>
										<button class="btn btn-default short_btn ml20">
											下架
										</button>
									</div>
								</div>
								<div class="class="col-md-6"">
									<ul class="pagination pull-right pagination-sm">
										<li class="disabled"><a href="#"><span aria-hidden="true">&laquo;</span><span class="sr-only">Previous</span></a></li>
										<li class="active"><a href="#">1</a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">3</a></li>
										<li><a href="#">4</a></li>
										<li><a href="#">5</a></li>
										<li><a href="#"><span aria-hidden="true">&raquo;</span><span class="sr-only">Next</span></a></li>
									</ul>
								</div>

							</div>













						</div>

						<div role="tabpanel" class="tab-pane" id="top_tab2">

						</div>



					</div>



				</div>


			</div>

		</div>
</div>

<!--模态框-->
<div class="modal fade " tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="store_modal">
	<div class="modal-dialog ">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<h4 class="modal-title" id="exampleModalLabel">基本信息</h4>
			</div>
			<div class="modal-body">
				<div class="row clearfix">
					<div class="col-md-12   ">
						<div class="col-md-5">

							<div class="upload_wraper">
								<div class="logo_wraper thumbnail">
									<img src="images/qr_code.png" class="width100 img-rounded" alt="">
								</div>

								<button class="btn btn-default width100 mt20">下载二维码</button>
							</div>
						</div>
						<div class="col-md-6 pull-right">
							<p>商品名称：曼妥思</p>
							<p>商品结算价：100</p>
							<p>商品现售价：150</p>
							<p>二维码促销折扣：0.9</p>
							<p>最大参与人数：100</p>
							<p>每人最多购买件数：2</p>
							<p>活动开始时间：2015-12-12</p>
							<p>活动结束时间：2015-12-12</p>
							<p>
								<button class="btn btn-orange">
									结束活动
								</button>
								<button class="btn btn-orange ml10 btn_back">
									返回
								</button>

							</p>
						</div>
					</div>




				</div>
				<div role="tabpanel">

					<!-- Nav tabs -->
					<ul class="nav nav-tabs clearfix" role="tablist">
						<li role="presentation" class="active">
							<a href="#pop_tab1" aria-controls="pop_tab1" role="tab" data-toggle="tab">
								销售数据
							</a>
						</li>
						<!--<li role="presentation" class="">
                            <a href="#pop_tab2" aria-controls="pop_tab1" role="tab" data-toggle="tab">
                                正在使用
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#pop_tab3" aria-controls="pop_tab1" role="tab" data-toggle="tab">
                                已结束
                            </a>
                        </li>-->
						<!--<div class="tabs_button_wraper">
                            <button class="btn btn-danger">
                                全部下架
                            </button>

                        </div>-->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="pop_tab1">

							<table class="table ">
								<!--<caption>标题</caption>-->
								<thead>
								<tr>
									<th>已售数量</th>
									<th>剩余数量</th>
									<th>平均每日出售</th>
									<th>总销售额</th>
									<th>总利润</th>
								</tr>
								</thead>
								<tbody>
								<tr>

									<td>50</td>
									<td>50</td>
									<td>120件</td>
									<td>
										5000元
									</td>
									<td>
										90.00元
									</td>
								</tr>



								</tbody>
							</table>









						</div>

						<!--<div role="tabpanel" class="tab-pane" id="pop_tab2">

                        </div>

                        <div role="tabpanel" class="tab-pane" id="pop_tab3">

                        </div>-->

					</div>



				</div>
			</div>

		</div>
	</div>
</div>


<include file="Include/script" />

<script src="__STATICS__/js/bootstrap-editable.min.js"></script>
<script src="__STATICS__/js/store_index.js"></script>
<script>
	/*菜单展开及高亮*/
		$(function(){
			$('.goods').addClass('open');
			$('#goods1').addClass('active');

			/*查看事件*/
			$('.store_look').on('click',function(){
				$('#store_modal').modal('show');
			});

			/*点击返回按钮关闭弹出框*/
			$('.btn_back').on('click',function(){
				$('#store_modal').modal('hide');
			});
		});
</script>
</body>
</html>